<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jquery</title>
    <style>
        div{
            width: 50px;
            height: 50px;
            border: 1px solid;
        }
    </style>
<!--    引入jquery 的库 用的webstorm软件的话 直接拖进来-->
<!--    jquery 1.x版本和 3.x版本 对于浏览器IE6的兼容性 有区别-->
    <script src="../resources/jquery-3.4.1.js"></script>
    <script>
        $(function () {
            $("div").css("color","red");
            $("#div2").css("backgroundColor","green").text("div2");
            $(".div3").css("backgroundColor","blue");
        })
    </script>

</head>
<body>
<!--        script + tab键  自动补全 -->
<!--        ctrl+shift+f10 打开浏览器 -->
<!--        使用快捷键-->
<!--        注释快捷键-->
<!--            多行注释 ctrl + shift + ？-->
<!--            单行注释 ctrl + /-->

<!--        李南江 教学视频 ：https://www.bilibili.com/video/av22807707?from=search&seid=17598684149902065820-->
        <div >1</div>
        <div id="div2">2</div>
        <div class="div3">3</div>
</body>
</html>